<template>
  <div class="menu-container">
    <ul class="append-menu">
      <li style="border-top-left-radius: 4px; border-top-right-radius: 4px">
        <!-- <i class="iconfont el-icon-s-fold"></i> -->
        <img
          style="width: 100%; height: 100%"
          src="../../../../static/image/list.png"
          alt=""
        />
      </li>
      <li
        style="border-top-left-radius: 4px; border-top-right-radius: 4px;position:relative;"
        @click="WatchDetail"
      >
        <!-- <i class="iconfont el-icon-s-fold"></i> -->
        <img
          style="width: 100%; height: 100%"
          src="../../../../static/image/detail.png"
          alt=""
        />
        <!-- 详情和图表 start -->
        <!-- <DetailPop></DetailPop> -->
        <!-- 详情和图表 end -->
      </li>
    </ul>
  </div>
</template>


<script>
import "./appendMenu.less";
import storeData from "../../../tools/vuex-store";
import DetailPop from "../PopUP/index.vue";
export default {
  name: "left-menu",
  components: {
    DetailPop,
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {
    //查看详情
    WatchDetail() {},
  },
};
</script>

<style scoped>

</style>